<!DOCTYPE html>
<html>
<head>
    <s3:data name='CollDatas.headerScript' />
    <s3:import type="css"></s3:import>
    
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css">
<link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-tab.css">
    <title></title>
    <style type="text/css">
       .cmp-segmented-control .cmp-control-item.cmp-active{ color: #F7A023;background-color: rgba(254,254,254,0.9); }
       .cmp-segmented-control .cmp-control-item.c1.cmp-active{ color: #3aadfb;background-color: rgba(254,254,254,0.9); }
       .head-style:after{ height: 0; }
       .cmp-tab-doState .li{ padding: 4px 0px 5px; }
       .unselected{display: block; position: absolute; top: 11px; left: 0px; height: 40px; width: 40px; border-radius: 20px; background-color: rgba(255,255,255,0.7); box-shadow: 0px 0px 1px 1px #3AADFB;}
       .selected{position: absolute; top: 10px; left: 0px; height: 40px; width: 40px; border-radius: 20px; color: #3aadfb; background-color: white; z-index: 22; display: block; font-size: 40px; line-height: 40px;}
       .cmp-tab-doState .title{ margin-top: 0px; }
       .cmp-segmented-control .cmp-control-item { background-color: rgba(254,254,254,0.9); }
    </style>
</head>
<body>

<header class="cmp-bar cmp-bar-nav head-style">
    <a id="go_back_btn" href="javascript:void(0)" class="cmp-pull-left left-btn"><span class="see-icon-v5-common-arrow-back"></span><i18n key="collaboration.page.lable.goBack"></i18n></a>
    <h1 class="cmp-title"><i18n key="collaboration.deal.state.title"></i18n></h1>
    <span id="hasten_all_btn" class="akeyHasten"><i18n key="collaboration.page.lable.button.keyHasten"></i18n></span>
</header>

<div id="body_content" class="cmp-content  cmp-col-content white">

      <div id="segmentedControl" class="cmp-segmented-control  cmp-tab-doState" >
          <a id="all_tab" class="cmp-control-item li c1" href="#all_container">
                <div class="top"><i class="icon m3-icon-app"></i><span id="all_count" class="num">0</span></div>
                  <div class="title"><i18n key="collaboration.page.lable.all"></i18n></div>
            </a>
            <a id="running_tab" class="cmp-control-item li c2"  href="#running_container">
               <div class="top"><i class="icon m3-icon-shape-time"></i><span id="running_count" class="num">0</span></div>
                  <div class="title"><i18n key="collaboration.page.lable.pending"></i18n></div>
            </a>  
      </div>
       <div id="all_container" class="cmp-control-content cmp-tab-content">
            <div id="all_scroller" id="contentView" class="cmp-scroll-wrapper people-list">
                <div class="cmp-scroll">
                   <ul id="all_affair_ul" class="cmp-list-content cmp-list-opinion-reply white">
                   </ul>
               </div>
            </div>
        </div>
        <div id="running_container" class="cmp-control-content cmp-tab-list-content cmp-tab-content white">
            <div id="running_scroller" class="cmp-scroll-wrapper ">
                 
                <div class="cmp-scroll">
                <div class="cmp-pull-widget"><div class="test-button batch_wrap"><div class="batch_click batch_btn"><i18n key="collaboration.select.more.alert.hasten.data"></i18n></div></div></div> 
                 <!--装载小部件的容器-->
                    <ul id="running_affair_ul" class="cmp-list-content cmp-list-opinion-reply hasten white">
                    </ul>
                </div>
                <div class="cmp-scroll-parts test-parts all_btn cmp-input-row cmp-radio cmp-left">
	            <div  class="batch_wrap">
      				<div class="all_btn cmp-input-row cmp-radio cmp-left">
              			<label class="lableBtn all_click">
                 			<span class="all_btn all_click"></span>
                  			<span class="lab_all_select all_click"><i18n key="collaboration.page.lable.button.allSelect"></i18n></span>
                  			<span class="count" style="display:none;">0</span>
              			</label>
          			</div>
      				<div class="cancelBtn cancel_click" ><i18n key="collaboration.page.lable.button.cancel"></i18n></div>
  	  			</div>
          	 </div>
            </div>
        </div>
</div>
<!-- 引导 -->
<div id="src_form_view_hint" class="new_synergy_hint col display_none" style="top: 160px;right: 5px;">
    <i class="circle" ></i>
    <i class="line" ></i>
    <div class="content">
        <div class="text">
            <span id="src_form_view_hint_txt"><!-- 提示信息 --></span>
        </div>
        <div class="btn"><i18n key="collaboration.page.lable.whenExit_2"></i18n><!-- 知道了 --></div>
    </div>
</div>
  <footer class="cmp-bar cmp-bar-tab cmp-bar-footer  cmp-bar-tabview border_t footer_color" style="display:none;">
    <div id="handleBtns" class="cmp-block-with-btn conmmon-b handle_btn border_t" style="height: 50px;">
        <button  id="akeyHasten" style="top:8px;padding:6px 12px;" type="button" class="cmp-btn cmp-btn-primary2 cmp-btn-width40"><i18n key="collaboration.page.lable.button.hasten"></i18n></button>
    </div>
   </footer>
    <s3:data name='cordova' />
<s3:import type="js"></s3:import>
<s3:data name='CollDatas.i18nScript' />
    
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
<s3:data name='CollDatas.footerScript' />
<script src="<s3:data name='dependencies.collaboration'/>/js/details/handler_details.js${data:buildversion}"></script>
<script type="text/html" id="list_tpl">
<%
 for(var i=0,len=this.datas.length;i < len;i++){
    var affair = this.datas[i];
%>
<li>
   <div class="handler-div position_relative img-wrap choice">
       <img class="cmp-img-cache cmp-pull-left img_setting" menberId="<%=affair.memberId%>" cmp-data="<%=affair.memberId%>"/>
		<div class="unselected img_click" style="display:none;"></div>
       <!-- 人员状态图标的显示逻辑 已经在符合节点页面实现了 不清楚找陈晓东-->
        <div class="read-states <%=affair.bgcolor%>">
           <div class="state-bg">
              <span class="<%=affair.stateIcon%> state-color"></span>
           </div>
        </div>
<div class="handler-states common-state" style="width:85px;"><span <%if(affair.toHetan){%>class="urge-state-span hasten_span ager"<%}%> memberId="<%=affair.memberId%>"><%=affair.nowState %></span></div>
       <div class="handler-user" style="width:173px;">
           <div class="handle-user-name" style="max-width:173px;"><%=escapeStringToHTML(affair.memberName)%><%=affair.accountName%></div>
           <div class="handle-user-job"><%=affair.postName%></div>
       </div>
   </div>
</li>
<%}%>
</script>

</body>
</html>
<!--******************** auto import check  ****************--!>